<template>
<!--  <div class="container">-->
<!--    <div class="center_box">-->
<!--      <div class="search_box">-->
<!--        <el-form :model="form" ref="form" size="small" :inline="true" :rules="rules" label-width="68px">-->
<!--          <el-form-item label="类别" prop="moneyType">-->
<!--            <el-select v-model="form.moneyType" placeholder="请选择类型">-->
<!--              <el-option-->
<!--                v-for="item in ['龙钞','蛇钞']"-->
<!--                :key="item"-->
<!--                :label="item"-->
<!--                :value="item">-->
<!--              </el-option>-->
<!--            </el-select>-->
<!--          </el-form-item>-->
<!--          <el-form-item label="号码" prop="moneyNumber">-->
<!--            <el-input v-model="form.moneyNumber" placeholder="号码" style="margin-right: 8px"></el-input>-->

<!--          </el-form-item>-->
<!--          <el-button @click="getList" type="primary">搜索</el-button>-->
<!--        </el-form>-->


<!--      </div>-->
<!--      <el-table-->
<!--        :data="tableData"-->
<!--        border-->
<!--        height="500px"-->
<!--        style="width: 100%">-->
<!--        <el-table-column    align="center"-->

<!--          prop="moneyNumber"-->
<!--          label="号码"-->
<!--        >-->
<!--        </el-table-column>-->
<!--&lt;!&ndash;        <el-table-column&ndash;&gt;-->
<!--&lt;!&ndash;          prop="phone"&ndash;&gt;-->
<!--&lt;!&ndash;          align="center"&ndash;&gt;-->
<!--&lt;!&ndash;          label="联系方式">&ndash;&gt;-->
<!--&lt;!&ndash;          <template #default="scope">&ndash;&gt;-->


<!--&lt;!&ndash;            <el-popover&ndash;&gt;-->
<!--&lt;!&ndash;              placement="bottom"&ndash;&gt;-->
<!--&lt;!&ndash;              title="手机号码"&ndash;&gt;-->
<!--&lt;!&ndash;              width="200"&ndash;&gt;-->
<!--&lt;!&ndash;              trigger="click"&ndash;&gt;-->
<!--&lt;!&ndash;              :content="scope.row.phone">&ndash;&gt;-->
<!--&lt;!&ndash;              <el-button type="text" slot="reference">查看</el-button>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-popover>&ndash;&gt;-->



<!--&lt;!&ndash;          </template>&ndash;&gt;-->
<!--&lt;!&ndash;        </el-table-column>&ndash;&gt;-->
<!--      </el-table>-->
<!--    </div>-->
<!--  </div>-->
</template>

<script>
import {listRecordAll} from "@/api/system/record";

export default {
  name: "Index",
  data() {
    return {
      tableData: [],
      moneyNumber:null,
      moneyType:null,
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        moneyType: [
          {required: true, message: "类型不能为空", trigger: "change"}
        ],
        moneyNumber: [
          {required: true, message: "号码不能为空", trigger: "blur"}
        ]
      }
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
    getList() {
      this.$refs["form"].validate(valid => {
      if (valid) {
        listRecordAll(this.form).then(res =>{
          this.tableData = res.rows;
        })
      }})

    }
  }
};
</script>

<style scoped lang="scss">
.container {
  height: calc(100vh - 84px);
  display: flex;
  align-items: center;
  justify-content: center;

  .center_box {
    .search_box {
      display: flex;
      align-items: center;
      margin-bottom: 24px;
    }

    .el-table {
      height: 400px;
    }
  }
}
</style>

